<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="./favicon.ico" />
    <title>安家时代●后台管理系统</title>
  </head>
  <body>
    <div id="app">
      <style> .first-screen-wrap{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.first-screen{height:50px;width:50px;transform:rotate(45deg);animation:first-screen 1.5s infinite}.first-screen-square{width:25px;height:25px;background-color:#1890ff;float:left}.first-screen-square:nth-of-type(1){animation:first-screen-one 3s infinite}.first-screen-square:nth-of-type(2){animation:first-screen-two 3s infinite}.first-screen-square:nth-of-type(3){animation:first-screen-three 3s infinite}.first-screen-square:nth-of-type(4){animation:first-screen-four 3s infinite}@keyframes first-screen{100%{transform:rotate(-45deg)}}@keyframes first-screen-one{25%{border-radius:50%;transform:translate(0,-50px) rotate(-180deg)}100%{transform:translate(0,0) rotate(-180deg)}}@keyframes first-screen-two{25%{border-radius:50%;transform:translate(50px,0) rotate(-180deg)}100%{transform:translate(0,0) rotate(-180deg)}}@keyframes first-screen-three{25%{border-radius:50%;transform:translate(-50px,0) rotate(-180deg)}100%{transform:translate(0,0) rotate(-180deg)}}@keyframes first-screen-four{25%{border-radius:50%;transform:translate(0,50px) rotate(-180deg)}100%{transform:translate(0,0) rotate(-180deg)}}</style> 
      <div class="first-screen-wrap"><div class="first-screen"><div class="first-screen-square"></div><div class="first-screen-square"></div><div class="first-screen-square"></div><div class="first-screen-square"></div></div></div>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
